<template>
  <div id="app">
    <!-- 根据路由决定是否使用Layout组件 -->
    <Layout v-if="useLayout">
      <router-view />
    </Layout>
    <router-view v-else />
  </div>
</template>

<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import Layout from './components/Layout.vue';

const route = useRoute();

// 判断当前路由是否需要使用Layout组件
// 登录和注册页面不使用Layout，其他页面使用Layout
const useLayout = computed(() => {
  const noLayoutRoutes = ['/login', '/register'];
  return !noLayoutRoutes.includes(route.path);
});
</script>

<style>
/* 可选：添加基础样式避免内容顶格 */
body {
  margin: 0;
  padding: 0;
}

#app {
  height: 100vh;
  width: 100vw;
}
</style>